<!DOCTYPE html>
<html>
<head>
    <title></title>
    <#include "/header.html"/>
    <style type="text/css">
        html {
            overflow-y: auto;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">

        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default" align="center">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal" style="width:80%!important;">
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">申请人手机号</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.applyUserId"
                           placeholder="申请人手机号" readonly/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">公司名称</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.companyName"
                           placeholder="公司名称" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">联系人</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.linkMan"
                           placeholder="联系人" readonly/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">联系电话</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.phone"
                           placeholder="联系电话" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">申请事由</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.content"
                           placeholder="申请事由" readonly/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">提交时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.createTime"
                           placeholder="提交时间"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">
                    办理状态
                </div>
                <div class="col-sm-10" style="width: 40%;">
                    <select class="form-control" v-model="cgsEprBusCheck.status" disabled>
                        <option v-for="st in status" :value="st.value">{{st.text}}</option>
                    </select>
                </div>

                <div class="col-sm-2 control-label" style="width: 10%;">办理时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.handleTime"
                           placeholder="办理时间"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">办理车管所</div>
                <div class="col-sm-10" style="width: 40%;">
                    <select class="form-control" v-model="cgsEprBusCheck.cgsId" disabled>
                        <option v-for="cgs in cgsList" :value="cgs.id">{{cgs.name}}</option>
                    </select>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">办理人</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.handler"
                           placeholder="办理人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">车管所处理意见</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.cgsCheckContent"
                           placeholder="车管所处理意见" readonly/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">车管所处理时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.cgsCheckTime"
                           placeholder="车管所处理时间"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">支队处理意见</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.leaderCheckContent"
                           placeholder="支队处理意见"/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">支队处理时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="cgsEprBusCheck.leaderCheckTime"
                           placeholder="支队处理时间" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">申请函扫描件</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsEprBusCheck.applyFile" alt="通用的占位符缩略图" style="width:300px;height: 200px;">
                    </a>
                </div>
            </div>
            <div class="form-group">
                <#if shiro.hasPermission("cgs:cgseprbuscheck:cgsLeadercheck")>
                    <template v-if="cgsEprBusCheck.status === '2'">
                        <a class="btn btn-primary" data-toggle="modal" href="#myModal">
                            <i class="fa fa-pencil-square-o"></i>支队审核</a>
                    </template>
                </#if>
                <#if shiro.hasPermission("cgs:cgseprbuscheck:cgscheck")>
                    <template v-if="cgsEprBusCheck.status === '1'">
                        <a class="btn btn-primary" data-toggle="modal" href="#myModal">
                            <i class="fa fa-pencil-square-o"></i>&nbsp;车管所审核</a>
                    </template>
                </#if>
                <#if shiro.hasPermission("cgs:cgseprbuscheck:cgsexecute")>
                    <template v-if="cgsEprBusCheck.status === '4'">
                        <a class="btn btn-primary" @click="cgsExecute"><i class="fa fa-pencil-square-o"></i>&nbsp;车管所执行</a>
                    </template>
                </#if>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>

    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">新能源公交查验申请-审核</h4>
                </div>
                <div class="modal-body">
                    <form role="form">
                        <div class="form-group">
                        <label>审核结论:</label>
                        <select class="form-control" id="shenhejielun">
                            <template v-if="cgsEprBusCheck.status === '1'">
                                <option value="2">审核通过</option>
                                <option value="3">审核不通过</option>
                            </template>
                            <template v-if="cgsEprBusCheck.status === '2'">
                                <option value="4">审核通过</option>
                                <option value="5">审核不通过</option>
                            </template>
                        </select>
                        </div>
                        <div class="form-group">
                        <label>审核意见：</label>
                        <textarea class="form-control" id="content"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" @click="cgsCheck">提交</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/cgs/cgseprbuscheck.js?_${.now?long}"></script>
</body>
</html>